<!-- src/views/DepartmentDetail.vue -->
<template>
  <div class="detail-container">
    <nav class="back-nav">
      <router-link to="/departmental">← 返回院系列表</router-link>
    </nav>
    <div class="detail-content">
      <h1>{{ departmentName }}</h1>
        <p>这里是 {{ departmentName }} 的详情内容...</p>
        <p>哦，这里什么都没有。计划中，这里是{{ departmentName }}的主页。</p>
        <p>但是不知道这个主页应该放什么内容，就先这样吧。^_^。</p>
       <br>
    </div>
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router';
import { ref } from 'vue';
const route = useRoute();
// 假设通过路由参数传递院系名称，或从全局数据中匹配
const departmentName = ref(
  decodeURIComponent(route.params.departmentName || '未知院系')
);
</script>

<style scoped>
/* 详情页样式 */
.detail-container {
  padding: 20px;
}
.back-nav {
  margin-top: 20px;
  margin-bottom: 20px;
}
</style>